<template>
  <div>
    成绩<input type="text" v-model="inforObj[inforLabelObj.model]">

  </div>
</template>

<script>
export default {
 props: {
   infor:Object,
   inforLabel:Object,
 },
 data(){
   return {
     inforObj:{},
     inforLabelObj:{}
   }
 },
 watch: {
   //当子组件监听到props里的属性发生变化，则进行数据拷贝
   infor:{
     handler(val,oldval){
       //assign只能进行浅拷贝{a:'b'}这样的，不能拷贝引用类型像{a:{b:'c'}}这样的
     this.inforObj= Object.assign({},infor);

    //  this.inforObj=JSON.parse(JSON.stringify(val))
     },
     //别忘记开启深度监听
     deep:true
   },
   inforLabelObj:{
     handler(val,oldval){
       //assign只能进行浅拷贝{a:'b'}这样的，不能拷贝引用类型像{a:{b:'c'}}这样的
    //  this.inforLabelObj= Object.assign({},infor);
    this.inforLabelObj=JSON.parse(JSON.stringify(val))
     },
     deep:true
   }
 }
}
</script>

<style>

</style>